<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <link rel="shortcut icon" href="images/favicon.ico"/>
        <title>Maxx Pages</title>
        
        <!-- STYLE SHEETS -->
        <link rel="stylesheet" type="text/css" href="css/reset.css"  />
        <link rel="stylesheet" type="text/css" href="css/main.css" />
        <link rel="stylesheet" type="text/css" href="css/nivo-slider.css"/>
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />
        
        <!-- IE Fixes -->
        <!--[if lte IE 7]>
            <link rel="stylesheet" type="text/css" href="css/ie_fix.css" >
        <![endif]-->
        <!--[if lt IE 7]>
            <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script> 
            <script type="text/javascript">
                DD_belatedPNG.fix('.logo, ul.social li img');
            </script>
        <![endif]-->
        
        <!-- JAVASCRIPT FILES -->
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <script type="text/javascript" src="js/jquery.example.js"></script>
        <script type="text/javascript" src="js/nivo_init.js"></script>
        <script type="text/javascript" src="js/custom.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js" ></script>
        <script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript">
            Cufon.replace('h1,h2');
        </script>
    </head>

    <body>
        <div class="header">    	
            <div class="wrapper">
                <ul class="page_nav">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="pages.html" class="current">Pages</a></li>
                    <li><a href="portfolio.html">Portfolio</a></li>
                    <li><a href="typography.html">Typography</a></li>                  
                    <li><a href="contact.html" class="last" >Contact</a></li>
                </ul> <!-- END PAGE NAV -->
            </div><!-- END WRAPPER --> 
        </div> <!-- END HEADER --> 
        
        <div class="wrapper ie_zindex">
            <a href="index.html"><img class="logo" src="images/logo.png" alt="logo" /></a>
        </div>
                
        <div class="primary"> 
            <div class="wrapper">
                <div class="breadcrumbs"><a href="index.html">Home</a> / <a href="pages.html">Pages</a> / Sidebar right</div>
                <!--[if IE]>
                    <br class="clearf" />
                <![endif]-->                    
                <div class="main_content">
                    <h1>Full column</h1> 
                    <p><a class="imgright" rel="imgurl" href="images/fullscreen/bird80.jpg" title="Lorem ipsum dolor sit amet"><img class="borderify" src="images/thumbnail/bird80.jpg" alt="bird" /></a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p> <br class="clearf" />
                    <div class="box205">
                        <h2>One Third</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>             
                    <div class="box450 right_side">
                        <h2>Two Third</h2> 
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p> 
                    </div>
                    <br class="clearf" />                   
                    <div class="box450">
                        <h2>Two Third</h2> 
                        <p><a class="imgleft" rel="imgurl" href="images/fullscreen/seagull80.jpg" title="Lorem ipsum dolor sit amet"><img class="borderify" src="images/thumbnail/seagull80.jpg" alt="bird" /></a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                    </div>  
                    <div class="box205 right_side">
                        <h2>One Third</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
                    </div>
                    <div class="box205">
                        <h2>One Third</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>  
                    <div class="box205">
                        <h2>One Third</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>  
                    <div class="box205 right_side">
                        <h2>One Third</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>          
                    <div class="box327">
                        <h2>One by Two</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p><a href="#" class="more">Read more</a></p> 
                    </div>   
                    <div class="box328 right_side">
                        <h2>One by Two</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p><a href="#" class="more">Read more</a></p> 
                    </div>                                   
                </div><!-- END MAIN CONTENT -->
                <div class="sidebar">
                    <h2>Templates</h2>
                    <ul class="list_widget">
                        <li><a class="active_page" href="pages.html">Sidebar right</a></li>
                        <li><a href="page_left_sb.html">Sidebar left</a></li>
                        <li><a href="page_full_width.html">Full width page</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="portfolio2.html">Portfolio Alternate</a></li>                                           
                    </ul>
                    <br class="margin20" />
                    <h2>Dummy List</h2>
                    <ul class="list_widget">
                        <li><a href="#">You can use this</a></li>
                        <li><a href="#">List for displaying</a></li>
                        <li><a href="#">Articles or News</a></li>
                        <li><a href="#">Or subpages links</a></li>
                        <li><a href="#">and almost anything</a></li>                                           
                    </ul>
                    <br class="margin20" />
                    <h2 class="text_widget">Sidebar Text</h2>
                    <p><a class="imgleft" rel="lightbox[group3]" href="images/fullscreen/cham_201.jpg" title="Lorem ipsum dolor sit amet"><img class="borderify" src="images/thumbnail/cham_201.jpg" alt="cham" /></a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div><!-- END SIDEBAR -->
            </div><!-- END WRAPPER -->                       
        </div><!-- END PRIMARY -->       
        <div class="footer">
            <div class="wrapper">
                <div class="footer_nav">
                    <ul>
                        <li class="first"><a href="index.html">Home</a></li>
                        <li><a href="pages.html" class="current" >Pages</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="typography.html">Typography</a></li>
                        <li class="last"><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <div class="notes">
                    <ul class="social">
                        <li>Follow Us:</li>
                        <li><a href="#"><img src="images/social/twitter_16.png" alt="twitter" /></a></li>
                        <li><a href="#"><img src="images/social/facebook_16.png" alt="facebook" /></a></li>
                        <li><a href="#"><img src="images/social/yahoo_16.png" alt="yahoo" /></a></li>
                        <li><a href="#"><img src="images/social/delicious_16.png" alt="delicious" /></a></li>                     
                        <li><a href="#"><img src="images/social/technorati_16.png" alt="technorati" /></a></li>
                        <li><a href="#"><img src="images/social/rss_16.png" alt="rss" /></a></li>
                    </ul>
                    <br class="clearf" />
                    <p>&copy; 2010 <a href="index.html">maxX Inc</a>. All rights reserved. | Icons by <a href="http://komodomedia.com/">komodomedia.com</a></p>
                </div>            	            
            </div><!-- END WRAPPER -->
        </div><!-- END FOOTER --> 
    </body>

</html>